<template>
	<div class="index">
		<img src="../../assets/img/login-bg.png" alt="" srcset="">
		<!-- <div class="header-box">
			<div class="top-box">
				<div class="one">
					<img src="" alt="" srcset="">
					<p>今日新增患者<span>0</span>人</p>
				</div>
				<div class="one">
					<img src="" alt="" srcset="">
					<p>今日新增患者<span>0</span>人</p>
				</div>
			</div>
			<div class="bottom-box">
				<el-form :inline="true" :model="formInline" class="demo-form-inline">
					<el-form-item label="医院">
						<el-select v-model="formInline.hospital" placeholder="全部">
							<el-option label="区域一" value="shanghai"></el-option>
							<el-option label="区域二" value="beijing"></el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="时间范围">
						<el-date-picker
						      v-model="formInline.time"
						      type="daterange"
						      range-separator="至"
						      start-placeholder="开始日期"
						      end-placeholder="结束日期">
						    </el-date-picker>
						<el-button type="primary" @click="onSubmit">确认</el-button>
					</el-form-item>
					<el-form-item label="用户类别">
						<el-select v-model="formInline.type" placeholder="请选择用户类别">
							<el-option label="正式账号" value="1"></el-option>
							<el-option label="试用账号" value="2"></el-option>
						</el-select>
					</el-form-item>
				</el-form>
			</div>
		</div>
		<el-row :gutter="20">
			<el-col :span="12">
				<el-card shadow="hover">
					<div id="myChart1" style="width: 100%;height:300px;"></div>
				</el-card>
			</el-col>
			<el-col :span="12">
				<el-card shadow="hover">
					<div id="myChart2" style="width: 100%;height:300px;"></div>
				</el-card>
			</el-col>
		</el-row>
		<el-row :gutter="20">
			<el-col :span="12">
				<el-card shadow="hover">
					<div id="myChart3" style="width: 100%;height:300px;"></div>
				</el-card>
			</el-col>
			<el-col :span="12">
				<el-card shadow="hover">
					<div id="myChart4" style="width: 100%;height:300px;"></div>
				</el-card>
			</el-col>
		</el-row> -->
	</div>
</template>

<script>
	// import * as echarts from 'echarts';
	// import bus from "../common/bus";
	export default {
		name: "index",
		data() {
			return {}
		}
	};
</script>


<style scoped>
	.el-row {
		margin-bottom: 20px;
	}

	.top-box {
		display: flex;
		justify-content: center;
		padding:20px 0 30px 0;
	}

	.one {
		display: flex;
		align-items: center;
		margin: 0 50px;
	}
	.one p{
		letter-spacing: 2px;
	}
	.one span{
		color: red;
	}

	.one img {
		width: 30px;
		height: 30px;
		background-color: darkcyan;
		display: block;
		margin-right: 5px;
	}
	.demo-form-inline{
		display: flex;
		justify-content: space-between;
	}
	
	.index img{
		width: 100%;
		height: 100%;
		display: block;
	}
</style>
